// pages/search/search.js
import {
    request
} from "../../request/request"
Page({

    /**
     * 页面的初始数据
     */
    data: {
        goods: [],
        isFocus: false,
        inpValue: ""
    },
    TimeId: -1,
    handleInput(e) {
        // console.log(e);
        // 获取输入框的值
        const {
            value
        } = e.detail;
        // 检测合法性 判断是不是空字符串 trim()去掉两边空格
        if (!value.trim()) {
            this.setData({
                goods: [],
                isFocus: false
            })
            clearTimeout(this.TimeId)
            return
        }
        // 输入框开始输入文字时显示
        this.setData({
            isFocus: true
        })
        // 清除定时器
        clearTimeout(this.TimeId);
        // 开启定时器 设置时间后发送请求
        this.TimeId = setTimeout(() => {
            this.qsearch(value);
        }, 1000)
    },
    async qsearch(query) {
        const res = await request({
            url: "https://api-hmugo-web.itheima.net/api/public/v1/goods/qsearch",
            data: {
                query
            }
        });
        // console.log(res);
        this.setData({
            goods: res.data.message
        })
    },
    // 点击取消按钮 输入框和搜索内容清空，按钮隐藏
    handleCancel() {
        this.setData({
            inpValue: "",
            isFocus: false,
            goods: []
        })
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {

    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})